<template>
  <div class="page-tools">
    <el-row type="flex" justify="space-between" align="middle">
      <!-- 左侧部分 -->
      <el-row type="flex" justify="start">
        <slot name="left" />
      </el-row>

      <!-- 右侧部分 -->
      <el-row type="flex" justify="end">
        <slot name="right" />
      </el-row>
    </el-row>
  </div>
</template>
<script>
// 设计组件2个核心要点要注意：
// 1. 设计props，结构是相同的，只是数据不同；那么就设计成props
// 2. 组件某个位置的结构是可以变化，那么就设计成插槽
export default {
  name: 'PageTools',
  props: {
    text: {
      type: String,
      default: ''
    }
  }
}
</script>
<style scoped lang="scss">
.page-tools {
  margin: 10px 0;
}
</style>
